<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--块元素（一般进行网页布局）
    行内元素（一般用来包裹字体）
    块元素基本上什么都能放。
    一般块元素内放行内元素，不在行内元素放块元素。
    p标签不能放任何块元素。
    
    浏览器解析网页时，会自动（在内存中）对不规范的内容进行修正。
例：
标签写在了根元素外部。
p元素中放了块元素
根元素出现了除head和bady以外的子元素
    -->
    <header>头部标签页面中可以有很多个</header>
    <main>一个页面只有一个</main>
    <footer>底部</footer>
    <nav>导航栏</nav>
    <aside>和主题相关，但不属于主题（侧边栏）</aside>
    <article>表示文章</article>
    <section>表示一个独立的区块，上面标签不能用时使用</section>
    <!-- 以上是\h5新增的 -->
    <div>没有语义，就用来表示一个区块，还是主要的布局元素</div>
    <span>行内元素，没有语义，一般用于网页中选中文字</span>
    
</body>
</html>